<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>斗鱼-每个人的直播平台</title>
    <link rel="icon" href="./image/logo_title.png">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/index.css">
    
</head>
<body>
    <!-- 背景图 -->
    <div class="body_bg"></div>
    <div class="header_main">
        <div class="Cheader_bg">
            <div class="Cheader">
                <div class="Cheader_left">
                    <img src="./image/header_left.gif" alt="">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-douyu-01"></use>
                    </svg>
                    <ul id="C_uls">
                        <li><a href="#">首页</a></li>
                        <li><a href="../zhibo/directory.html" target="_blank">直播</a></li>
                        <li>
                            <a href="#">分类</a>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youjiantou1"></use>
                            </svg>
                        </li>
                        <li><a href="../video/videoyu.html" target="_blank">视频</a>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youjiantou1"></use>
                            </svg>
                        </li>
                        <li><a href="../games/shouye.html" target="_blank">游戏</a>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youjiantou1"></use>
                            </svg>
                        </li>
                        <li><a href="../yuba/yuba.html" target="_blank">鱼吧</a></li>
                        <li><a href="#">鱼乐盛典</a></li>
                    </ul>
                    <div class="header_sort">
                        <div class="sort_top">
                            <h5>热门分类</h5>
                            <ul class="header_sort_uls"></ul>
                        </div>
                        <div class="sort_bottom">
                            <h5>玩家推荐</h5>
                            <ul class="header_sort_uls2"></ul>
                        </div>
                        <div class="sort_div">全部分类</div>
                        <img src="./image/header_sort.webp" alt="">
                    </div>
                    <div class="header_video">
                        <div class="video_left">
                            <h5>官方推荐</h5>
                            <ul class="gftj_uls"></ul>
                        </div>
                        <div class="video_right">
                            <h5>人气视频</h5>
                            <span>上传视频</span>
                            <ul class="rqsp_uls"></ul>
                        </div>
                    </div>
                    <div class="header_games">
                        <div class="games_one">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-kehuduan1"></use>
                                </svg>
                                <span>网游推荐</span>
                            </div>
                            
                            <span class="wyzx">网游中心&gt;&gt;</span>
                        </div>
                        <div class="games_two">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-shouji"></use>
                                </svg>
                                <span>手游推荐</span>
                            </div>
                            <span>手游中心&gt;&gt;</span>
                        </div>
                        <div class="games_three">
                            <div>
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-youxi"></use>
                                </svg>
                                <span>云游戏</span>
                            </div>
                            <div class="yyx">
                                <img src="./image/sort1.png" alt="">
                                <div>
                                    <p>英雄联盟-在线玩</p>
                                    <p>无需客户端，网页在线下棋</p>
                                </div>
                                <span>开始游戏</span>
                            </div>
                            <span>云游戏&gt;&gt;</span>
                        </div>
                        <div class="games_four">
                            <img src="./image/games_.webp" alt="">
                            <span>广告</span>
                        </div>
                    </div>
                </div>
                <div class="Cheader_right">
                    <img src="./image/header_right.gif" alt="">
                    <input type="text" placeholder="永恒之塔">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tubiaozhizuomoban1-06"></use>
                    </svg>
                    <ul id="CR_uls">
                        <li>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-lishi1"></use>
                            </svg>
                            <a href="#">历史</a>
                        </li>
                        <li>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-guanzhu"></use>
                            </svg>
                            <a href="#">关注</a>
                        </li>
                        <li>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-kehuduan1"></use>
                            </svg>
                            <a href="#">客户端</a>
                        </li>
                        <li>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-a-xuqiu1"></use>
                            </svg>
                            <a href="#">创作中心</a>
                        </li>
                    </ul>
                    <div class="header_guanzhu">
                        <div>
                            <div style="background-color: #FF5D23; color: #fff;">全部关注</div>
                            <div>特别关注</div>
                            <div>视频动态</div>
                        </div>
                        <div class="guanzhu_one">
                            <img src="./image/empty.webp" alt="">
                            <p>你的关注列表空空如也~</p>
                        </div>
                        <div class="guanzhu_two">
                            <img src="./image/empty.webp" alt="">
                            <p>你的特别关注列表空空如也~</p>
                        </div>
                        <div class="guanzhu_three">
                            <img src="./image/empty.webp" alt="">
                            <p>你关注的主播暂未发布视频哦~</p>
                        </div>
                        <div>
                          <img src="./image/guanzhu.webp" alt=""> 
                          <span>广告</span> 
                        </div>
                    </div>
                    <div class="header_PC">
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wuguanggao"></use>
                            </svg>
                            <p>纯净无广告</p>
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-gaoqing2"></use>
                            </svg>
                            <p>高清不卡顿</p>
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-yueliang"></use>
                            </svg>
                            <p>夜间不伤眼</p>
                        </div>
                        <div class="dak">立即打开</div>
                        <div>
                            <div class="PC_left">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-yuyin"></use>
                                </svg>
                                <p>主播工具</p>
                            </div>
                            <div class="PC_center">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-kehuduan1"></use>
                                </svg>
                                <p>电视</p>
                            </div>
                            <div class="PC_right">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-shouji"></use>
                                </svg>
                                <p>移动端</p>
                            </div>
                        </div>
                    </div>
                    <div class="touxiang">
                        <img src="./image/touxiang.png" alt="">
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="header_content">
            <div class="Hcontent_left">
                <div>进入直播间</div>
            </div>
            <div class="Hcontent_right">
                <ul id="HR_uls">
                </ul>
            </div>
        </div>
    </div>
    <div class="content">
        <!-- 穿越火线 综合手游 绝地王者 -->
        <div class="bg1">
            <div class="content_chuanyue">
            </div>
        </div>
        <!-- 推荐活动 新闻 视频推荐 -->
        <div class="bg2">
            <div class="content_tuijian">
                <div class="Tcontent_left">
                    <div class="TLcontent_top">
                        <img src="./image/tuijian.png" alt="">
                        <p>推荐活动</p>
                    </div>
                    <div class="lunbo_div">
                        <ul class="lunbo">
                            <li>
                                <img src="./image/lunbo1.webp" alt="">
                            </li>
                            <li>
                                <img src="./image/lunbo2.webp" alt="">
                            </li>
                            <li>
                                <img src="./image/lunbo3.webp" alt="">
                            </li>
                            <li>
                                <img src="./image/lunbo1.webp" alt="">
                            </li>
                        </ul>
                        <div class="lunbo_left">&lt;</div>
                        <div class="lunbo_right">&gt;</div>
                    </div>
                </div>
                <div class="Tcontent_center">
                    <div class="CTontent_top">
                        <img src="./image/news.png" alt="">
                        <h2>新闻</h2>
                        <div>更多
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-arrow-right"></use>
                            </svg>
                        </div>
                    </div>
                    <div class="CTontent_main">
                        <ul class="news_uls">
                        </ul>
                        <ul class="news_uls2">
                        </ul>
                    </div>
                </div>
                <div class="Tcontent_right">
                    <div class="RTcontent_top">
                        <img src="./image/video.png" alt="">
                        <h2>视频推荐</h2>
                        <div>更多
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-arrow-right"></use>
                            </svg>
                        </div>
                    </div>
                    <div class="RTcontent_main">
                        <ul class="main_uls">
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 精彩推荐 -->
        <div class="bg3">
            <div class="content_jingcai">
                <div class="jingcai_top">
                    <img src="./image/jingcai.png" alt="">
                    <h3>精彩推荐</h3>
                    <div>
                        <ul>
                            <li>9914</li>
                            <li>|</li>
                            <li>
                                <div>
                                    更多
                                    <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-arrow-right"></use>
                                </svg>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="jingcai_main">
                    <ul class="jingcai_ul">
                    </ul>
                </div>
            </div>
        </div>

        <!-- 热门分类 -->
        <div class="bg4">
            <div class="content_remen">
                <div class="Rcontent_top">
                    <img src="./image/remen.png" alt="">
                    <h3>热门分类</h3>
                    <div>
                        <span class="sort_span">2806</span>
                        <span class="sort_span2">10944</span>
                        <span class="sort_span3"></span>
                        <div>全部
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-arrow-right"></use>
                            </svg>
                        </div>
                    </div>
                </div>
                <div class="Rcontent_main">
                    <ul class="remen_uls">
                    </ul>
                </div>
            </div>
        </div>

        <!-- 精彩活动 -->
        <div class="bg5">
            <div class="content_jcActivity">
                <img src="./image/jc_activity.webp" alt="">
                <div class="activity_top">
                    <img src="./image/tuijian.png" alt="">
                    <h3>精彩活动</h3>
                </div>
                <div class="activity_main">
                    <div class="hiddern_box" style="display: none;"></div>
                    <ul class="activity_uls">
                    </ul>
                </div>
            </div>
        </div>

        <!-- 穿越火线 -->
        <div class="bg6">
        </div>

        <!-- 底部上一块单机热游 科技文化。。 -->
        <div class="bg_footer">
            <div class="bg_footer_main">
                <div class="bg_footer_top">
                    <div class="Tfooter_one">
                        <p>单机热游</p>
                        <ul class="danji_uls">
                        </ul>
                    </div>
                    <div class="Tfooter_two">
                        <p>科技文化</p>
                        <ul class="kejiwh_uls"></ul>
                    </div>
                    <div class="Tfooter_three">
                        <p>网游竞技</p>
                        <ul class="wangyou_uls"></ul>
                    </div>
                    <div class="Tfooter_four">
                        <p>手游休闲</p>
                        <ul class="shouyou_uls"></ul>
                    </div>
                </div>
                <div class="bg_footer_bottom">
                    <div class="Bfooter_one">
                        <p>娱乐天地</p>
                        <ul class="yule_uls"></ul>
                    </div>
                    <div class="Bfooter_two">
                        <p>热门直播</p>
                        <ul class="zhibo_uls"></ul>
                    </div>
                    <div class="Bfooter_three">
                        <p>超管助手</p>
                        <ul class="chaoguan_uls"></ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 底部 -->
        <footer>
            <div class="footer_main">
                <div class="footer_top">
                    友情链接
                </div>
                <div class="footer_center">
                    <ul class="footer_uls"></ul>
                </div>
                <div class="footer_bottom">
                    <div class="footer_one">
                        <ul>
                            <li>关于我们</li>
                            <li>Investor Relations</li>
                            <li>帮助与反馈</li>
                            <li>加入我们</li>
                            <li>友情链接</li>
                            <li>我要开播</li>
                            <li>廉洁斗鱼</li>
                            <li>版权保护投诉指引</li>
                            <li>公示公告</li>
                            <li>斗鱼官方QQ号</li>
                        </ul>
                        <div>
                            <span class="qq"></span>
                            <span class="wechat"></span>
                            <span class="weibo"></span>
                            <div class="wechat_div"></div>
                        </div>
                    </div>
                    <div class="footer_two">
                        <p>
                            武汉斗鱼网络科技有限公司 版权所有 ©www.douyu.com <a href="#"> 鄂ICP备15011961号-1 </a> | <a href="#"><span class="yue"></span> 鄂公网安备 42018502000107号 </a> | <a href="#"><span class="gong"></span> 工商网监 </a> | <a href="#"><span class="e"></span> 鄂网文（2018）9760-291号 </a> | <a href="#"> 金盾网络调解中心</a>
                        </p>
                    </div>
                    <div class="footer_three">
                        <p><a href="#"> 违法和不良信息举报电话：027-87750710 </a> | <a href="#"> 未成年人关怀热线：027-87572872</a> | <a href="#"> 12318全国文化市场举报网站 </a> | <a href="#"> 网上有害信息举报专区 </a> | <a href="#"> 中国扫黄打非-网上举报 </a> | <a href="#"> 电信诈骗举报专区 </a> | <a href="#"> 涉历史虚无主义有害信息举报专区 </a></p>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <!-- 侧边导航条 -->
    <div class="tarbar">
        <ul class="tarbar_uls"> </ul>
    </div>

    <!-- 右边定位条 -->
    <div class="fix">
        <div>
            <div class="fix_one">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-diannao"></use>
                </svg>
                <div class="text">客户端打开</div>
            </div>
            <div class="fix_two">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shouji"></use>
                </svg>
                <div class="text">APP下载</div>
            </div>
            <div class="fix_three">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-luping"></use>
                </svg>
                <div class="text">我要开播</div>
            </div>
            <div class="fix_four">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="text">帮助与反馈</div>
            </div>
            <div class="fix_five">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-arrow-up"></use>
                </svg>
                <div class="text">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-arrow-up"></use>
                    </svg>
                </div>
            </div>
        </div>
        <div class="fix_one_hover">
            <div>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-wuguanggao"></use>
                </svg>
                <span>流畅不卡顿</span>
            </div>
            <div>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-gaoqing2"></use>
                </svg>
                <span>纯净无广告</span>
            </div>
            <div>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-yueliang"></use>
                </svg>
                <span>夜间护视力</span>
            </div>
            <div>
                立即打开
            </div>
        </div>
        <div class="fix_two_hover">
            <h6>扫一扫</h6>
            <p>手机看直播</p>
            <img src="./image/ma.png" alt="">
        </div>
    </div>

    <script src="./js/iconfont.js"></script>
    <script src="./js/jquery-3.6.0.min.js"></script>
    <script src="./js/header.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>